智控教育web前端课程介绍

目录 #

1. web 前端相关概念解释
   • 前端和 web 前端
   • web前端开发和h5开发
   • 后端和数据库
2. web 前端行业前景待遇
   • 课程优势
   • 行业待遇
3. 智控 web 前端课程体系介绍
   • 第一阶段 Html (共 2 天)
   • 第二阶段 Css 基础和实战 (共 8 天)
   • 第三阶段 JavaScript 语言 (共 17 天)
   • 第四阶段 Node 和 MongoDB (共 3 天)
   • 第五阶段 Webpack 和 Git
   • 第六阶段 Vue 框架 (共 21 天)
   • 第七阶段 小程序+uniapp (共 6 天)
   • 第八阶段 React 框架 (共 5 天)
   • 第九阶段 就业指导 (共 5 天)

(一) web 前端相关概念解释 #

(1) 前端和 web 前端 #

前端: 一切展示在电脑设备, 手机设备和其它设备的内容都叫做前端, 三个主要的前端展示是 ios 前端, 安卓前端, web 前端

web 前端: web 就是网页或者网站的意思, web 前端用网页将内容展示出来

web 前端开发: 就是使用 html, css, JavaScript 这三种语言来制作网页

h5 开发: h5, html5 也就是 html 语言的第 5 代语言, 提供很多新的东西, html5 相关技术一开始比较适合用在移动端, 所以 h5 开发一般也只移动端设备的 web 前端开发, 不过现在基本上已经不太区分了, web 前端开发和 h5 开发是一回事

混合开发: 英文称为 hybrid 开发, ios 开发+web 前端开发, 或者安卓开发+web 前端开发

(2) 后端和数据库 #

数据库: 用来存放数据的地方, 可以是我们自己使用的电脑, 也可以是网络上的一台或多台电脑, 在电脑里面安装相关的软件和服务就可以创建数据库了, 常见的数据库有:

• mysql 数据
• Oracle 数据库
• mongodb数据库
• 其它数据库

后端: 后端也就是服务器端, 开发后端的语言有很多, 比如:

• java
• php
• c++
• python
• nodejs

(3) 前端、后端和数据库三者的关系 #

1. 数据库存放数据, 好比一个工厂的仓库
2. 后端, 负责把前端传来的数据存入数据库, 或者从数据库取出数据然后返回给前端

(二) web 前端行业前景待遇 #

(1) 课程优势 #

1. 无处不前端
2. 零基础入门
3. 市场需求旺盛

(2) 行业待遇 #

1. 入门即过万
2. 职友集可查看各个城市工资 深圳前端平均 19.6k

(三) 智控 web 前端课程介绍 #

第一阶段 Html (共 2 天) #

html 就是一个网页的架构, 就好像一套土坯房

第二阶段 Css 基础和实战 (共 8 天) #

css 就是对网页进行装饰, 让网页变得漂亮, 就好像给土坯房进行精装修

第三阶段 JavaScript 语言 (共 17 天) #

简称 js, 是一门脚本语言, 可以给网页添加动作, 比如登录, 查看列表等等

第四阶段 Node 和 MongoDB (共 3 天) #

1. nodejs 跟 java 一样, 是后端语言

2. mongodb 跟 mysql 一样, 是数据库

3. 我们会使用 nodejs+mongodb 实现一个小项目的增删改查

第五阶段 Webpack 和 Git (共 2 天) 项目管理工具 #

这两个东西都是用来管理项目

• Webpack 用来打包项目, 然后发布上线, 现在新的打包工具教 vite, 当然同类的工具还有很多
• Git 用来协同开发的, 通过 git 可以把项目上传到代码托管网站, 别人可以去下载, 实现代码同步

第六阶段 Vue 框架 (共 21 天) #

1. js 和 js 框架
   • js 和 js 框架就好比饮水机和用大锅烧水喝的区别
   • js 三大框架一般是指 angular、vue 和 react， 不过现在国内用 angular 的比较少了
   • vue 框架和 react 框架都是用 js 框架, 用框架的目的是为了提高开发效率, 提应用的性能
   • 相对比 react 框架, vue 框架更容易上手, 它的作者是一个中国人, 叫尤雨溪
2. 目前国内企业 vue 项目有使用两座版本, 一种是 2.x 版, 一种是 3.x 版, 两者之间有一些区别
3. 咱们课程中的 vue 项目有两个
   • 天天生鲜(电商) vue2
   • 智慧果园(后台管理系统) vue3

第七阶段 小程序+uniapp (共 6 天) #

1. 微信小程序所用技术也是 html(wxml), js, css(wxss), 运行在微信上的应用, 除此微信小程序以外还有:

   • 阿里小程序

   • 抖音小程序

   • 支付宝小程序

   • 百度小程序

   • ........

2. 我们会做一个电影类的小程序

3. Uniapp 是一个多端开发框架, 开发一套代码可以生成小程序、app、h5 等

第八阶段 React 框架 (共 5 天) #

1. react 框架是美国脸书(Facebook)开源出来的一个框架
2. 在国内用的最多的 js 框架是 vue， 然后就是 react 框架
3. 咱们有一个项目叫维拉度假用 react 框架进行开发

第九阶段 就业指导 (共 5 天) #

1. 如何写简历
2. 面试如何自我介绍, 跟面试官如何沟通
3. 后续的跟进